import React from 'react';
import ReactDOM from 'react-dom/client';
import Clock from './demo/clock'
import Video from './demo/video'
import CaptureCanvas from './demo/captureCanvas'
import PeerConnection from './demo/peerConnection';

function NumList(props){
  const numbers = props.nums
  const listItems = numbers.map((num)=>
    <li key={num.toString()}>
      {num}
    </li>
  );
  return(
    <ul>{listItems}</ul>
  )
}
function App(){
  return (
      <div>
        <Clock />
        <Video />
        <CaptureCanvas />
        <PeerConnection />
      </div>
  );
}
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(App());